.info-box{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 200px;
   height: 300px;
   padding: 10px;
   border: 1px dashed #ccc;
   box-shadow: 5px 5px 5px #999;
   border-radius: 15px;
   margin: 10px;
   text-align: center;
   transition: .5s;
   filter: opacity(.7);
   overflow: hidden;
   .avatar{
      width: 30px;
      height: 30px;
      margin-top: 10px;
   }
}
.info-box:hover{
   filter: opacity(1);
}